﻿@* <div class="row mb-3">
    <div class="col-xl-6 col-12 d-flex">
        <div class="card h-lg-100 w-100 overflow-hidden">
            <div class="card-body">
                <div class="starting-content">
                    <h3>Getting Started</h3>
                    <p class="lead text-muted mb-2">Learn how to create and run a new web application using the application startup template.</p>
                    <a href="https://docs.abp.io/en/commercial/latest/getting-started" class="btn btn-brand mb-4" target="_blank">Getting Started</a>

                    <h4>Web Application Development Tutorial</h4>
                    <p class="text-muted mb-2">Learn how to build an ABP based web application named Acme.BookStore.</p>
                    <a href="https://docs.abp.io/en/commercial/latest/tutorials/book-store/part-1?UI=MVC&DB=EF" class="btn btn-primary soft mb-4" target="_blank">Explore Tutorial</a>

                    <h4>Customize Lepton Theme</h4>
                    <p class="text-muted mb-2">Learn how to customize LeptonX Theme as you wish.</p>
                    <a href="https://docs.abp.io/en/commercial/latest/themes/lepton/customizing-lepton-theme" class="btn btn-primary soft mb-5 mb-xl-0" target="_blank">Customize Lepton</a>
                </div>
                <img class="card-bg-image" src="/images/getting-started/bg-01.png">
            </div>
        </div>
    </div>

    <div class="col-xl-3 col-md-6 d-flex">
        <div class="row">
            <div class="col-12 d-flex">
                <div class="card overflow-hidden">
                    <div class="card-body pb-0">
                        <div class="abp-support abp-logo mb-2"></div>
                        <p class="text-muted mb-2">You can check for similar problems and solutions, or open a new topic to discuss your specific issue.</p>
                        <a href="https://support.abp.io/QA/Questions" class="btn btn-brand soft" target="_blank">Visit Support</a>
                        <img class="" src="/images/getting-started/img-support.png">
                    </div>
                </div>
            </div>
            <div class="col-12 d-flex">
                <div class="card h-md-100 overflow-hidden">
                    <div class="card-body pb-0">
                        <div class="abp-blog abp-logo mb-2"></div>
                        <p class="text-muted mb-2">You can find content on .NET development, cross-platform, ASP.NET application templates, ABP-related news, and more.</p>
                        <a href="https://blog.abp.io/abp" class="btn btn-brand soft" target="_blank">Visit Blog</a>
                        <img style="margin-bottom: -24px;" src="/images/getting-started/img-blog.png">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-xl-3 col-md-6 d-flex">
        <div class="card h-100 overflow-hidden">
            <div class="card-body">
                <div class="abp-community abp-logo mb-2"></div>
                <p class="lead text-muted">A unique community platform for <span class="fw-bold">ABP Lovers!</span></p>
                <p class="text-muted mb-2">Explore all ABP users' experiences with the ABP Framework, discover articles and videos on how to use ABP, and join raffles for a chance to win surprise gifts!</p>
                <a class="btn btn-brand soft mb-3" href="https://community.abp.io/" target="_blank">Join ABP Community</a>
            </div>
            <img class="mt-3" src="/images/getting-started/img-community.png">
        </div>
    </div>
</div>
 *@
 @page
 @using Microsoft.AspNetCore.Mvc.Localization
@using WMSProject.Localization
@using Volo.Abp.Users
@model WMSProject.Web.Pages.IndexModel
@inject IHtmlLocalizer<WMSProjectResource> L
@inject ICurrentUser CurrentUser
@section styles {
        <abp-style src="/Pages/Index.css" />
}
@section scripts {
        <abp-script src="/Pages/Index.js" />
}
@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>layout 后台大布局 - Layui</title>
    <link href="~/libs/layui-v2.5.6/layui/css/layui.css" rel="stylesheet" />
    <style>
        dd {
            cursor: pointer;
        }

        .site-active {
            padding-left: 20px !important;
        }
    </style>
</head>
<body class="layui-layout-body">
    <div class="layui-layout layui-layout-admin">

        <div class="layui-header">
            <div class="layui-logo"><img src="https://localhost:44321/images/BackgroundImage/国徽.png" />2组WMS系统</div>
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item">
                    <a href="/">
                        <img src="https://localhost:44321/images/BackgroundImage/qq头像.jpeg" class="layui-nav-img">
                        项鹤
                    </a>
                    @*<dl class="layui-nav-child">
                    <dd><a href="">基本资料</a></dd>
                    <dd><a href="">安全设置</a></dd>
                    </dl>*@
                </li>
                <li class="layui-nav-item"><a href="/Home/Login">退出</a></li>
            </ul>
        </div>

        <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <ul class="layui-nav layui-nav-tree" lay-filter="test" id="leftmenu">
                    <li class="layui-nav-item layui-nav-itemed">
                        <a class="" href="javascript:;">首页</a>
                        <dl class="layui-nav-child">
                            <dd><a class="site-active" tab-name="数据概览" tab-url="/permission/person" tab-layid="1">数据概览</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item layui-nav-itemed">
                        <a class="" href="javascript:;">业务管理</a>
                        <dl class="layui-nav-child">
                            <dd><a class="site-active" tab-name="销售管理" tab-url="/ChuBoWen/SalesView" tab-layid="1">销售管理</a></dd>
                            <dd><a class="site-active" tab-name="销售退货" tab-url="/WangWeiHao/ShowReturnGoods" tab-layid="2">销售退货</a></dd>
                            <dd><a class="site-active" tab-name="采购管理" tab-url="/xianghe/PurListView" tab-layid="3">采购管理</a></dd>
                            <dd><a class="site-active" tab-name="采购退货" tab-url="/permission/person" tab-layid="4">采购退货</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item layui-nav-itemed">
                        <a class="" href="javascript:;">仓库管理</a>
                        <dl class="layui-nav-child">
                            <dd><a class="site-active" tab-name="入库管理" tab-url="/permission/person" tab-layid="1">入库管理</a></dd>
                            <dd><a class="site-active" tab-name="出库管理" tab-url="/permission/index" tab-layid="2">出库管理</a></dd>
                            <dd><a class="site-active" tab-name="移库管理" tab-url="/permission/roleEdit" tab-layid="3">移库管理</a></dd>
                            <dd><a class="site-active" tab-name="报损管理" tab-url="/SuJiaHao/LossReportingView" tab-layid="4">报损管理</a></dd>
                            <dd><a class="site-active" tab-name="调拨管理" tab-url="/permission/person" tab-layid="5">调拨管理</a></dd>
                            <dd><a class="site-active" tab-name="盘点管理" tab-url="/permission/person" tab-layid="6">盘点管理</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item layui-nav-itemed">
                        <a class="" href="javascript:;">报表管理</a>
                        <dl class="layui-nav-child">
                            <dd><a class="site-active" tab-name="库存清单" tab-url="/home/index" tab-layid="1">库存清单</a></dd>
                            <dd><a class="site-active" tab-name="可出库存" tab-url="/SuJiaHao/ProductsView" tab-layid="2">可出库存</a></dd>
                            <dd><a class="site-active" tab-name="库存台账" tab-url="/permission/roleEdit" tab-layid="3">库存台账</a></dd>
                            <dd><a class="site-active" tab-name="盘点台账" tab-url="/permission/person" tab-layid="4">盘点台账</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item layui-nav-itemed">
                        <a class="" href="javascript:;">基础资料</a>
                        <dl class="layui-nav-child">
                            <dd><a class="site-active" tab-name="仓库管理" tab-url="/home/index" tab-layid="1">仓库管理</a></dd>
                            <dd><a class="site-active" tab-name="库位管理" tab-url="/SuJiaHao/WarehouseLocationServiceView" tab-layid="2">库位管理</a></dd>
                            <dd><a class="site-active" tab-name="单位管理" tab-url="/ChuBoWen/UnitsManagerView" tab-layid="3">单位管理</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item layui-nav-itemed">
                        <a class="" href="javascript:;">系统设置</a>
                        <dl class="layui-nav-child">
                            <dd><a class="site-active" tab-name="消息中心" tab-url="/home/index" tab-layid="1">消息中心</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>

        <div class="layui-body">
            <!-- 内容主体区域 tab简单风格 class= layui-tab-brief -->
            <div class="layui-tab " lay-allowClose="true" lay-filter="tabList">
                <ul class="layui-tab-title">
                </ul>
                <div class="layui-tab-content">
                </div>
            </div>
        </div>

       @*  <div class="layui-footer">
            <!-- 底部固定区域 -->
            © layui.com - 底部固定区域
        </div> *@
    </div>

    @* <script src="~/Scripts/jquery-3.4.1.min.js"></script> *@
    @*<script src="~/Scripts/layui-v2.5.6/layui/lay/modules/leftmenu.js"></script>*@
    <script src="~/libs/layui-v2.5.6/layui/layui.js"></script>
    <script>

        //JavaScript代码区域
        layui.use(['element', 'jquery'], function () {
            var element = layui.element,
                $ = layui.jquery;

            //触发事件
            var active = {
                tabAdd: function (name, url, layid) {
                    if (url != "" && url != null && url != undefined) {
                        element.tabAdd('tabList', {
                            title: name //'选项卡的标题'
                            , content: '<iframe id="iframeMain" style="width: 100%" ; height="100%" ; scrolling="no" frameborder="no" src="' + url + '"></iframe>'//'选项卡的内容' //支持传入html
                            , id: layid//'选项卡标题的lay-id属性值'
                        });
                    }
                },
                tabChange: function (layid) {
                    element.tabChange('tabList', layid);
                }
            }

            //当点击有siteactive属性的标签时，即左侧菜单栏中内容 ，触发点击事件
            $('.site-active').on("click", function () {
                var dataid = $(this);
                var name = $(this).attr("tab-name");
                var url = $(this).attr("tab-url");
                var tab_layid = $(this).attr("tab-layid");

                //1、 判断tab-layid=layid的tab页是否打开
                if ($(".layui-tab-title li").length <= 0) {
                    //1.1 初始状态：1个Tab页也没有打开
                    active.tabAdd(name, url, tab_layid); //添加tab页
                    active.tabChange(tab_layid)//转到该tab页
                }
                else {
                    //1.2   判断该Tab页是否已打开
                    var isData = false; //初始化一个标志，为false说明未打开该tab项 为true则说明已有
                    $.each($(".layui-tab-title li"), function () {
                        //如果点击左侧菜单栏所传入的id 在右侧tab项中的lay-id属性可以找到，则说明该tab项已经打开
                        if ($(this).attr("lay-id") == tab_layid) {
                            isData = true;
                        }
                    })
                    if (isData == false) {
                        //标志为false 新增一个tab项
                        active.tabAdd(name, url, tab_layid); //1.2.1  该Tab页未打开，则打开该tab页
                    }
                    active.tabChange(tab_layid)//1.2.2 转到该tab页
                }
                FrameWH();  //计算ifram层的大小
            });

            function FrameWH() { //计算ifram层的大小
                var h = $(window).height();
                $("iframe").css("height", h + "px");
            }

            $(window).resize(function () {
                FrameWH();
            })

            $(function () {
                active.tabAdd('首页', "", 1); //打开tab页
                active.tabChange(1)//转到该tab页
                FrameWH();
            })
            //   $(function () {
            //     active.tabAdd('角色管理', "/home/default", 2); //打开tab页
            //     active.tabChange(2)//转到该tab页
            //     FrameWH();
            // })
        });

    </script>
</body>
</html>